*{
  margin: 0;
  padding: 0;
}

img{
  display: block;
}

html,body{
  width: 100%;
  text-align: center;
  background-color: rgb(226,226,226);
}
.container{
  width: 100%;
  text-align: center;
  background-color: rgb(226,226,226);
}
.img-br{
  width: 100%;
  display: block;
}
.to-tang-intro{
  display: block;
  position: absolute;
  top:37vw;
  left: 37%;
  width: 30%;
}
.img-intro-btn{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  display: block;
}
.to-tang-share{
  display: block;
  position: absolute;
  top:46vw;
  left: 37%;
  width: 30%;
}
.img-share-btn{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  display: block;
}
.to-tang-note{
  display: block;
  position: absolute;
  top:56vw;
  left: 37%;
  width: 30%;
}
.img-note-btn{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  display: block;
}
.tang-intro{
  width: 100%;
  text-align: center;
}
.tang-intro-1,.tang-intro-2{
  display: block;
  width: 100%;
}
.show-tang-2{
  display: block;
  width: 30%;
  position: absolute;
  top:204vw;
  left: 10%;
}
.tang-intro-3{
  display: none;
  width: 100%;
  margin-top: -1px;
}
.tang-share{
  width: 100%;
  text-align: center;
}
.tang-share-1,.tang-share-2{
  width: 100%;
  display: block;
}
.box-tv{
  width: 100%;
  background-image: url(../../images/daren/tang_tv_bg.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.btn-start-tv{
  position: relative;
  width: 100%;
}
.tv-poster{
  width: 80%;
  display: block;
  margin-left: 10%;
  margin-right: 10%;
}
.tv-btn{
  position: absolute;
  width: 20%;
  left: 40%;
  top:10vw;
}
.video-play{
  width: 86%;
  display: none;
}
.tang-note{
  width: 100%;
  text-align: center;
}
.img-note{
  width: 100%;
  display: block;
}
.img-qr-code{
  width: 100%;
  display: block;
}
.img-download-app{
  width: 30%;
  position: fixed;
  right: 2vw;
  bottom: 18vw;
}
.img-focus-tang{
  width: 30%;
  position: fixed;
  right: 2vw;
  bottom: 18vw;
}
.btn-close-download{
  width: 6%;
  position: fixed;
  right: 3vw;
  bottom: 46vw;
}
